<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Tabs Example</title>
    <!-- Ext includes -->
    <link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />
    <script type="text/javascript" src="../js/ext-all.js"></script>

    <!-- Shared example includes -->
    <link rel="stylesheet" type="text/css" href="../resources/css/example.css" />
    <link rel="stylesheet" type="text/css" href="../resources/css/search.css" />

    <!-- Example includes -->
    <script type="text/javascript" src="../js/search/search.js"></script>
    <script type="text/javascript" src="../js/search/conditionY.js"></script>
	<script type="text/javascript" src="../js/search/conditionR.js"></script>
</head>

<body>
    <h1>Tabs with no tab strip and a fixed height that scroll the content. Built entirely with javascript.</h1>

    <ul class="list">
        <li>Tab 1 is a normal tab with content passed when adding it.</li>
        <li>Tab 2 is loaded via Ajax each time the panel is visually activated.</li>
        <li>Tab 3 is loaded via Ajax only one time during panel construction. It was set up to pass parameters when loaded.</li>
        <li>Tab 4 has an event listener attached.</li>
        <li>Tab 5 is disabled.</li>
    </ul>
</body>
</html>